<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运动</title>
</head>
<body>
        <!-- 选项卡范围 -->
        <!-- 菜单 -->
        <ul id="sportstabMenu" class="sportstab-menu dpflex">
            <li class="active">跑步</li>
            <li>骑行</li>
            <li>课程训练</li>
            
        </ul>

        <!-- 内容 -->
        <div id="sportstabText" class="sportstab-text">
            <p class="on">跑步

            </p>
            <p >骑行

            </p>
            <p >
                <ul class="ul">
                    <li class="newclass mb16">
                        <h3 class="ml16 letsp mb16">最新课程</h3>
                        <div class="newtrain ">
                            <img src="../img/course-img01.jpg" alt="">
                            <h4 class="mt8 ml16 letsp">巧克力腹肌雕刻</h4>
                            <p class="mt8 ml16 show">一场痛快淋漓的腹肌撕裂体验,虐出你的巧克力腹肌</p>
                        </div>
                    </li>
                    <li class="project">
                        <h3 class="ml16 letsp mb16">课程</h3>
                        <div class="newtrain mb16 ">
                            <img src="../img/course-img01.jpg" alt="">
                            <div class="classtitle">
                            <h4 class="letsp">徒手胸肌进阶训练</h4>
                            <p class="show mt8">一场痛快淋漓的腹肌撕裂体验,虐出你的巧克力腹肌</p>
                            </div>
                        </div>
                        <div class="newtrain mb16 ">
                            <img src="../img/course-img01.jpg" alt="">
                            <div class="classtitle">
                            <h4 class="letsp">徒手胸肌进阶训练</h4>
                            <p class="show mt8">一场痛快淋漓的腹肌撕裂体验,虐出你的巧克力腹肌</p>
                            </div>
                        </div>
                    </li>
                </ul>

            </p>
        </div>

   

    </main>


    <!-- 页脚 -->
    <footer class="footer">
        <div class="foot-icon">
            <p class="fitnessIcon fitnessshouye"></p>
            <p>首页</p>
        </div>
        <div class="foot-icon">
            <p class="fitnessIcon fitness19"></p>
            <p>运动</p>
        </div>
        <div class="foot-icon">
            <p class="fitnessIcon fitnessquanzi"></p>
            <p>圈子</p>
        </div>
        <div class="foot-icon">
            <p class="fitnessIcon fitnesswode1"></p>
            <p>我的</p>
        </div>
    </footer>
</body>
</html>